@charset "gb2312";
/* Header */
#topbox{height:32px; line-height:31px; color:#999; font-size:12px; border-bottom:1px solid #ddd; overflow:hidden}
#topbox span.icon_tel { float: right; color: #C90003; background:url(tel.png) no-repeat 0 5px }
/*#topbox span.icon_tel:before{padding-right:5px;display:inline-block;content:"\0070"; margin-top:-2px;font-size:22px;line-height:26px}
#topbox span.icon_tel i{font-family:"Times New Roman", serif; font-size:20px}*/
#topbox span.icon_tel i { font-family: "微软雅黑"; font-size: 22px;padding-left: 30px;    padding-right: 30px; }
header{position: relative;width:100%; height:110px;left:0; top:0; right:0; margin:0 auto; background:rgba(255,255,255,0.85);z-index:30000;}
.stuck_container{position:fixed; background:rgba(255,255,255,0.85);-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);}
header h1{width:422px;float:left;display:block;margin-top: 2px;margin-bottom: 10px;}
header h1 span{font-size:18px; border-left:1px solid #000; margin-left:10px;padding:10px}
header h1 img{ width:445px}
header h1 img,header h1 span,.sf-menu a{transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.isStuck #topbox{display:none}
.isStuck.stuck_container{background:none; height:auto;-webkit-box-shadow: none;box-shadow:none;} 
.isStuck .header{width:100%;background:#fff;position:fixed;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);}
.isStuck h1 img{width:445px}
.isStuck h1 span{ font-size:16px}
.isStuck .sf-menu > li{height:62px}
.isStuck .sf-menu a{padding:5px 10px; height:32px; margin-top:15px}
.isStuck .sf-menu > li > ul{top:62px}
/* Menu */
nav { position: relative; float: right; display: inline-block;}
#m_menu { display: none;}
.sf-menu { position: relative; z-index: 1 }
.sf-menu > li { float: left; text-align: center; position: relative; height: 78px; margin: 0 4px }
.sf-menu a { padding: 5px 10px; height: 34px; margin-top: 20px; font-size: 15px; border-radius: 5px; display: block }
.sf-menu > li.curr a, .sf-menu > li a:hover { background: #11623d; color: #fff }
.sf-menu > li > ul { opacity: 0; visibility: hidden; background: rgba(0,0,0,0.8); position: absolute; left: 0; top: 80px; text-align: left; padding: 20px 0 10px; z-index: 1; width: 270px; transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s }
.sf-menu > li:nth-last-of-type(1) > ul { left: inherit; right: 0 }
.sf-menu li:hover ul { opacity: 1; visibility: visible; margin: 0; }
.sf-menu ul > li { float: left; margin: 0; line-height: normal; width: 50%; }
.isStuck .sf-menu ul a, .sf-menu ul a { font-size: 13px; display: inline-block; background: none; color: #E79226; padding: 5px 0 5px 15px; margin: 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.sf-menu > li.curr ul a { background: none; color: #fe9900 }
.sf-menu > li.curr ul a:hover { color: #fff }
.isStuck .sf-menu ul a:hover, .sf-menu ul a:hover { padding: 5px 20px; color: #fff; background: none; margin: 5px 0 }
/*banner*/
.banner{position:relative;overflow:hidden;    margin-top: 0px;}
.slider{position:relative;height:640px;overflow:hidden}
.slider > div{height:100%; background-position:center}
.banner .bx-wrapper .bx-pager{bottom:20px; z-index:10000}
.banner .bx-wrapper{margin-bottom:0}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff000}
.barLink{ position:absolute; height:290px; top:30%; margin-top:0px; right:-305px; width:330px; background:url(rr-barbg.png); z-index:99; overflow:hidden } 
.barLink .hLine{ position:absolute; top:0; height:100%; left:0; width:25px; background:#11623d; cursor:pointer; }
.barLink .hLine .ico{ background:url(rr-baraw.png) no-repeat center center;width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 300ms;
    -webkit-transition: 300ms;
    position: relative; }
.barLink .Con{ padding:25px 25px 0 50px; }
.barLink .Con .en{ color:#484848;  font-family:Arial; line-height:1.1; }
.barLink .Con .ch{ font-size:16px; line-height:1.4; white-space:nowrap; color:#484848; font-weight: bold}
.barLink .Con .tx{ line-height:20px !important; height:140px; margin-top:15px; font-size:14px; }
.barLink .sermore{ background:#11623d; margin-top:25px; }
.barLink .sermore .txx{ padding-left:5px; }
.sermore{ display:block; overflow:hidden; width:112px; height:35px; background:#d5d5d5; color:#fff; line-height:13px; position:relative; }
.sermore .m1{ display:block; width: 0;height: 0; transform: rotate(360deg); -webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #9ebf65;position: absolute; bottom: 0;left: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; }
.sermore .m2{ display:block; width: 0;height: 0; transform: rotate(360deg); -webkit-transform: rotate(360deg); border-style: solid;border-width: 0 0 0 0;border-color: transparent #9ebf65 transparent transparent;position: absolute;top: 0; right: 0;-webkit-transition: all 0.5s; -moz-transition: all 0.5s;transition: all 0.5s; }
.sermore:hover .m1{ border-width: 105px 0 0 105px;}
.sermore:hover .m2{ border-width: 0 105px 105px 0;}
.pmqqs .sermore .m1,.barLink .sermore .m1,.ixpoints .sermore .m1{ border-color: transparent transparent transparent #D0281F; }
.pmqqs .sermore .m2,.barLink .sermore .m2,.ixpoints .sermore .m2{ border-color: transparent #D0281F  transparent transparent; }
.sermore .txx{ position:relative;background:url(rr-seraw.png) no-repeat 93px 11px; font-size:12px; color:#fff; line-height:36px}
.serotxts .sermore{ margin-top:15%; }

/*public*/
*, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box}
.con_pad{padding:20px;*zoom:1}
/*hover_line*/
.hover_line {width: 100%;height: 100%;background: transparent;left: 0%;top:0%;cursor: pointer;position: absolute;opacity: 1;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out}
.hover_line::before,.hover_line::after {position: absolute;top: 20px;right: 20px; z-index:1;bottom: 20px;left: 20px;content: '';opacity: 0;-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.hover_line::before {border-top: 1px solid;border-bottom: 1px solid;-webkit-transform: scale(0,1);transform: scale(0,1);opacity: 0}
.hover_line::after {border-right: 1px solid;border-left: 1px solid;-webkit-transform: scale(1,0);transform: scale(1,0);opacity: 0}
.effect-line a:hover.hover_line::before,.effect-line a:hover.hover_line::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
/*img zoom*/
.zoom{overflow:hidden}
.zoom figure{height:100%; overflow:hidden}
.zoom figure img{transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;line-height: 1em; min-height:auto; max-width:100%}
.third .zoom figure img{transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;line-height: 1em; min-height:252px;max-width:100%}
.zoom:hover figure img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
/* Lists */
.list1 li{padding-left:24px;padding-top:1px;margin-bottom:8px;}
.list1 a{line-height: 18px; text-transform:uppercase;display:inline-block;position: relative;}
.list1 li a:before{position: absolute;width: 13px;height: 13px;content: '';top: 2px;left: -23px;background: url(list_marker.png)  no-repeat;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.list1 li a:hover:before{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
/*rotate*/
.rotate{transition: 0.9s;-webkit-transition: 0.9s;-moz-transition: 0.9s}
.rotate:hover{cursor:pointer;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
/*img wrap*/
.img_wrap1,a.img_wrap1 strong{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.img_wrap2{display: block;padding:4px;background:#fff;box-shadow:0px 0px 4px #d2ccc1;position: relative;}
.img_wrap1{display:block;padding:6px;background:#fff;box-shadow:1px 1px 4px #666;position:relative;}
.img_wrap1 strong,.img_wrap2 strong{display:block;position: absolute; top:0;left:0;width:0;height:0;background:#c70400;}
.img_wrap1 img,.img_wrap2 img{position: relative; z-index:1;}
a.img_wrap1:hover strong,a.img_wrap2:hover strong{height:100%;width:100%;}
/*block name*/
.block_name{text-align:center}
.block_name h2{font-size:30px; margin-bottom:20px;font-weight:bold}
.block_name h2 span{vertical-align:top}
.block_name .block_line,.block_name .block_line_1{margin:0 auto;height:1px; background:#ddd; width:300px; display:block; overflow:hidden}
.block_name .block_line_1{position:relative; margin-top:-2px;width:60px; height:3px; background:#b6b5b5}
.block_name p{color:#777; font-size:16px; margin-top:10px}
.block_name.white{ color:#fff}
.mpro{ display:none}
.language{ display:none;height: 32px;
    line-height: 31px;
    color: #999;
    font-size: 12px;
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;text-align: right;}
/*first*/
.first{padding:50px 0; text-align:center; overflow:hidden;background: #f5f5f5;}
.sort {text-align:center; margin-top:100px}
.sort span{width:130px; height:130px; display:inline-block;border:1px solid #9A9A9A; border-radius:100%;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.sort [class*="icon_"]{font-size:62px; line-height:130px; display:inline-block;}
.sort p{ margin-top:20px; font-size:16px}
.sort [class*="grid_"]:hover span{background:#11623d; color:#fff; border:1px solid #11623d}
.sort [class*="grid_"]:hover [class*="icon_"]{font-size:72px}
.button1{display:inline-block;  padding:8px 35px; margin-top:80px; font-size:14px; border:1px solid #11623d; border-radius:3px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
a.button1:hover{background:#c70400; border:1px solid #c70400; color:#fff}
/*second*/
.second{margin-top:80px;background:#f5f5f5; padding:80px 0; overflow:hidden}
.theme{margin-top:50px}
.grid{position: relative;list-style: none;text-align:center; overflow:hidden}
/* Common style */
.grid figure {position: relative;float: left;overflow: hidden;min-width: 249px; width:33.33%;max-width: 460px;max-height: 360px;background: #3085a3;text-align: center;cursor: pointer;margin:0px;padding:0px;}
.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 1;}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 20px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 {word-spacing: -0.15em;font-size: 22px}
.grid figure h2,.grid figure p {margin: 0; opacity:0.6}
.grid figure p {letter-spacing: 1px;font-size: 68.5%;}
figure.effect-layla {background: #000;}
figure.effect-layla img {height: 390px;}
figure.effect-layla figcaption {padding: 3em;}
figure.effect-layla figcaption::before,figure.effect-layla figcaption::after {position: absolute;content: '';opacity: 0;}
figure.effect-layla figcaption::before {top: 50px;right: 30px;bottom: 50px;left: 30px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
figure.effect-layla figcaption::after {top: 30px;right: 50px;bottom: 30px;left: 50px;border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
figure.effect-layla h2 {padding-top: 26%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
figure.effect-layla p{padding: 0.5em 2em;text-transform: none;opacity: 0;-webkit-transform: translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
figure.effect-layla img,figure.effect-layla h2 {-webkit-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0)}
figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {-webkit-transition: opacity 0.35s; -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; color:#fff}
figure.effect-layla:hover img {opacity: 0.5;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
figure.effect-layla:hover h2,figure.effect-layla:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,figure.effect-layla:hover p,figure.effect-layla:hover img {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
/*third*/
.third{overflow:hidden; padding:50px 0}
.home-pro{background:#fff; margin-top:40px;}
.home-pro .row{margin-left:-15px}
.home-pro .grid_3{margin-left:16px; border:1px solid #eee; padding:8px; margin-bottom:16px}
.home-pro .grid_3 p{margin-top:10px; padding:0; height:27px;text-align: center;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}

/*fourth*/
.fourth{ padding:80px 0; text-align:center;background:url(third-bg.jpg) no-repeat center 0;}
.news-tab{margin-bottom:50px; margin-top:20px; display:block; overflow:hidden}
.news-tab li{display:inline-block}
.news-tab li a{padding:3px 15px;    margin: 5px 5px; border:1px solid #B6B5B5;display:block;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.news-tab li.curr a,.news-tab li a:hover{border:1px solid #11623d; border-radius:3px; padding:3px 15px; color:#fff;background-color: #11623d;}
.fourth .news-tab li a{ color:#fff}
.fourth .news-tab li.curr a,.fourth .news-tab li a:hover{border:1px solid #F8FF00; border-radius:3px; padding:3px 15px; color:#F8FF00}
.white_bar{background:#fff;box-shadow: 0 1px 3px #c5c5c5; overflow:hidden}
.case-list li{position:relative; float:left; width:25%; display:inline-block}
.case-list li figure{max-height:320px;overflow:hidden}
.case-list li a{position:absolute; left:0; top:0;width:100%; height:100%;background:#000; opacity:0; color:#fff;}
.case-list li a:hover{opacity:1; background:rgba(0,0,0,0.7)}
.case-list li i{background:url(url_icon.png) no-repeat; margin:0 auto; margin-top:15%; width:88px; height:88px; background-size:100%; display:block;transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;}
.case-list li a:hover i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.case-list li p{ margin:10px 30px;font-size:16px}
/*fifth*/
.fifth{background:none;margin:100px 0;}
.brand {margin-top:30px}
.brand .gird_11{margin-left:0}
.brand ul{margin-left:0px;border:1px solid #e1e1e1; border-top:0; border-left:0; overflow:hidden}
.brand li{float:left;border:1px solid #e1e1e1; border-right:0; border-bottom:0; width:233.8px; height:126px; margin:0; padding:0;overflow:hidden;    text-align: right;background-color: #fff;}
.brand li:hover{ opacity:0.6}
.brand img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}
.brand li:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2); cursor: crosshair}
/*sixth*/
.sixth{ background:#f5f5f5; padding:50px 0;}
.al_pic_news{min-height:336px}
.al_pic_news figure{position:relative; max-height:180px; min-height:170px; overflow:hidden}
.al_pic_news img{position:absolute; min-width:100%; min-height:100%; max-width:inherit}
.al_pic_news p,.al_pic_news .button1{margin:0 10px; color:#666}
.al_pic_news h4{margin:5px 10px; max-height:40px; min-height:30px; line-height:20px; overflow:hidden}
.al_pic_news h4 a{color:#c70400}
.al_pic_news h4 a:hover{text-decoration: underline; color:#f00}

/* 织梦先生 增加 */
.mrdede_footer img{width:30px !important;height:auto !important}
@media (min-width: 768px) {
.al_pic_news p{max-height:120px; line-height:20px;overflow:hidden}
}
@media (max-width: 768px) {
.al_pic_news p{max-height:140px; line-height:20px;overflow:hidden}
}
.al_pic_news .button1{padding:7px 30px; margin-top:10px; background:#11623d; border:1px solid #11623d; color:#fff;  display:inline-block}
.al_pic_news .button1:hover{ background:#c70400; border:0; color:#fff}
time{float:left; margin-right:10px; text-align:center}
.day{width:60px; height:60px;line-height:60px; font-size:32px; display:block;background:#eee;color:#333; text-align:center; }
.month{display:block;width:60px;text-align:center}
.al_news li{padding:10px;margin-bottom:15px;overflow:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.al_news li a{font-size:16px; color:#000; line-height:20px; max-height:40px; display:block; overflow:hidden}
.al_news li a:hover{color:#ff0000}
.al_news li p{padding-top:5px;color:#777; line-height:18px; max-height:38px; padding-bottom:0; overflow:hidden}
.partners span{ display:inline-block; margin-right:10px}
.partners,.partners a{color:#777}
.partners a:hover{color:#ff0000}
/*seventh*/
.seventh{padding:50px 0 30px; background:#eee}
.seventh [class*="grid_"] h3{margin-bottom:20px; font-size:16px; padding-bottom:10px; font-weight:bold; border-bottom:1px solid #cfcfcf}
.seventh [class*="grid_"] li{margin:5px 0}
.seventh .grid_5{ border-right:1px solid #cfcfcf; padding-right:30px;}
.seventh .grid_5 li{float:left; width:33%; display:inline-block}
.seventh .grid_4 li{float:left; width:50%; display:inline-block}
.seventh .grid_3 .follow{margin-left:60px}
.seventh .grid_3 .follow li{display:inline-block; width:120px; margin-left:10px; font-size:12px}
.bottom-tel {margin-top:10px}
.bottom-tel a{display:inline-block; padding:10px 16px; background:#11623d; color:#fff;font-size:28px; border-radius:5px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.bottom-tel a:before{content: "\0074"; display:inline-block; font-size:28px; margin-right:5px}
.bottom-tel a:hover{ background:#c70400; color:#fff}
/*footer*/
footer{width:100%; background:#2d2d2d;text-align: center; border-top:0px solid #c4c4c4; color:#99a1a6; padding-top:20px; overflow:hidden}
footer a{ color:#99a1a6}
/*support*/
.support{position: fixed; bottom:10%; margin-top:-40px; right:0; width:46px; z-index:9999}
.support li{height:48px; line-height:48px;position: relative; border-radius:3px 0 0 3px; margin-bottom:1px;background-color:#11623d;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s}
.support li:hover{background:#c70400}
.support li a{color:#fff; font-family: Arial, sans-serif; font-size:16px; display:block}
.support li a i{font-family:'alimaofont';}
.support li.icon_one{position:relative; left:0; width:180px;}
.support li.icon_one:hover{left:-130px}
.support li.icon_one:hover i{width:46px; text-align:center;padding-left: 10px;}
.support li.icon_two{position:relative; left:0; width:136px;}
.support li.icon_two:hover{left:-90px}
.support li.icon_two:hover i{width:46px; text-align:center;padding-left: 0px;}
.support li i{ display:inline-block; font-style:normal; font-size:22px; width:46px; text-align:center;height: 48px;}
.weixinCon { top: 40px; padding:1px; text-align: center; }
.weixinCon .img { width: 150px; overflow: hidden; margin-bottom: 0px; }
.weixinCon .img img { width: 100%; display: block; }
.con { background-color: #ccc; color: #fff; position: absolute; right: 0px; display: none;top: -54px; z-index:-1 }
/*page*/
.page_banner{position:relative;height:325px; background-position:center}
.page_banner .location{position: absolute; bottom:20px; color:#E1E1E1}
.page_banner .location a{color:#E1E1E1}
.page_banner .location a:hover{color:#fff}
/*products*/
.products{ margin-top:50px}
.products-category{border:1px solid #eee}
.products-category > li {display:block; padding:5px; border-bottom:1px dashed #eee}
.products-category > li:last-child{border:0}
.products-category > li span{ float:left; width:80px; text-align:center; color:#999; display:inline-block}
.products-category ul li{ display:inline-block; margin-right:5px}
.products-category ul li a{padding:0 5px}
.products-category ul li a.changefieldandcss{background:#11623d; display:block; color:#fff; padding:0 5px}
.pro-secrch{margin-top:10px;border:1px solid #eee; padding:10px;}
#searchform{position:relative;}
#searchform input{width:100%; height:32px; padding:0 10px; border:1px solid #ddd;line-height: 32px;}
#searchform a{ position:absolute; top:0; right:0; z-index:1; background:#11623d; color:#fff; cursor:pointer; padding:5px 20px}
#searchform a:hover{ background:#C50003}
.pro-secrch .grid_6 span{display:inline-block; color:#999}
.hot-secrch{display:inline-block}
.hot-secrch li{ float:left;display:inline-block; margin:0 5px}
.product-list{margin-top:30px}
.product-list .grid_3{border:1px solid #eee; padding:8px; margin-bottom:30px;}
.product-list .grid_3 p{ padding:0; margin-top:5px; height:25px; overflow:hidden; text-align:center;font-size: 15px;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;}



/*products read*/
.goods_read{margin:40px auto}
.goods_read h1{font-size:20px; color:#000; line-height:24px;font-weight: bold; margin-bottom:15px;margin-top: 30px;}
#alm_imgblock{position:relative;width:100%; height:100%; overflow:hidden}
.alm_figimg img{ width:100%; height:100%; max-height:500px;}
.alm_bigimg{position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; display:none;overflow:hidden}
.alm_bigimg img{position:absolute; left:0; top:0; min-height:100%; min-width:100%}
#mousetrap {position:absolute;left:0; top:0; width:100%; height:100%; z-index:2;background:url(magnify.png) no-repeat center; display:block}
#mousetrap.no-mousetrap{background:none}
#mousetrap:hover{ cursor:crosshair}
#alm_smallimg{margin-top:20px;}
.alm_smallimg_block{ margin-left:-5px}
.alm_smallimg_block li{float:left; width:80px;height:80px; border:1px solid #ccc; margin-left:5px; display:block}
.alm_smallimg_block li img{width:80px;height:80px;}
#alm_smallimg .bx-wrapper .bx-controls-direction a{margin-top:-13px;width:27px;height:27px;}
#alm_smallimg .bx-wrapper .bx-prev{background:url(thumbs_left.png) no-repeat;}
#alm_smallimg .bx-wrapper .bx-next{background:url(thumbs_right.png) no-repeat;}
.parameter p{font-size:13px; line-height:20px; color:#666; border-bottom:1px solid #ddd}
.parameter strong{margin:30px 0 20px; font-size:14px; color:#000; display:block}
.parameter .bottom-tel a{padding:8px 15px; border:1px dashed #ddd; background: none; color:#ff0000}
.parameter .bottom-tel a:hover{ background:#11623d; color:#fff;border:1px dashed #11623d;}
.parameter .tags{margin-top:20px; padding-top:5px; border-top:1px dashed #ddd}
.parameter .tags li{display:inline-block;margin-right:5px}
.sidebar-goods {padding-left:30px; border-left:1px solid #ddd}
.sidebar-goods h3{border-bottom:1px solid #ddd;}
.sidebar-goods h3 span{border-bottom:1px solid #11623d; padding-bottom:5px; margin-bottom:-1px; display:inline-block}
.sidebar-goods ul{ margin-top:20px}
.sidebar-goods li{padding:8px; margin-bottom:15px}
.sidebar-goods li p{padding:5px 0;-o-text-overflow:ellipsis;  
text-overflow:ellipsis;  
white-space:nowrap;
overflow:hidden;  }
.detail_t{margin-top:30px; background:#11623d; }
.detail_t h4{margin:5px 0 0 10px; background:#fff; font-size:15px; padding:5px 10px 2px; color:#11623d; display:inline-block}
.detail{padding-top:20px; font-size:14px;    text-align: justify;}
.detail p,.detail div{margin:10px 0}
.detail h2,.detail h3,.detail h4,.detail h5,.detail h6{margin:10px 0; font-weight:bold}
.detail h2{font-size:18px}
.detail h3{font-size:16px}
.detail h4,.detail h5,.detail h6{font-size:14px}
.detail ul{list-style:square inside}
.detail strong{font-weight:bold}
.prevnext{margin-top:80px; border-top:1px solid #ddd; padding-top:10px}
/*about*/
.about{ margin:80px 0 50px}
.about .row{margin-top:60px}
.about .grid_6{margin-bottom:30px}
.supplier h3{ font-weight:bold; font-size:16px; margin-bottom:5px}
/*contact*/
.contact{margin:40px 0 50px}
.contact h1,.contact article h2,.contact article h3{ font-size:18px; margin-bottom:20px; font-weight:bold}
.contact h1{font-size:26px}
.contact article h3{font-size:16px}
.contact article p{font-size:14px}
.contact .message input, .contact .message textarea{border:1px solid #ddd}
.message h2{ border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px; font-weight:bold}
.message label{margin-bottom:10px; display:block; overflow:hidden}
.message input{width:100%;text-indent:2em;color:#999;font-family:Microsoft Yahei; height:34px;font-size:13px; border:0; background:#fff url(message_icon.png) no-repeat 5px 10px; border-radius:2px; display:block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.message textarea{width:100%;text-indent:2em;color:#999; font-family:Microsoft Yahei;height:118px;border:0;border-radius:2px; display:block; overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.message input#email{ background-position: 5px -32px}
.message input#mycall{ background-position: 5px -72px}
.message textarea#lytext{background:#fff url(message_icon.png) no-repeat 5px -120px; font-size:13px;}
.message .empty,.empty1{display:none; color:red}
.message a{margin-top:10px; padding:5px 30px; background:#000; font-size:14px; color:#fff; display:inline-block;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.message a:hover{ background:#11623d;}

/*news list*/
.newslist,.newsread{margin:50px 0}
.newslist h2{ line-height:normal; margin-bottom:30px}
.newslist .grid_8,.newsread .grid_8{padding-right:30px; border-right:1px dashed #2d2d2d}
.news_list li{margin-bottom:25px;overflow:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; padding-bottom:10px; border-bottom:1px dashed #ccd}
.news_list li a{font-size:18px; display:block}
.news_list li p{ padding-top:5px}
.sidebar_news .grid_2{margin-left:0;margin-right:10px}
.sidebar_news .new-pic{ margin-bottom:10px; overflow:hidden}
.sidebar_news .new-pic h4 a{color:#000}
.sidebar_news h3{ margin-bottom:20px}
.sidebar_news ul{margin-bottom:30px}
.sidebar_news #searchform a{width:66px;height: 30px; margin-top:1px; display: block; float: left;}
.sidebar_news #searchform a:hover{background-position:0 -31px;}

/*news read*/
.newsread h1{font-size:30px; line-height:32px; margin-bottom:20px}
.info_text{padding-bottom:5px; border-bottom:1px solid #ddd; color:#777}
.news_text{margin-top:30px; font-size:14px}
.tag{margin-top:80px; border-bottom:1px solid #ddd; font-size:12px; overflow:hidden}
.tag span{margin-right:10px; vertical-align: auto}
.tag span.r{float:right; margin-left:0; display:inline-block}
.newsread .content{margin-bottom:10px}

/*download*/
.download .grid_4{position:relative}
.download .grid_4 h4{position:absolute; bottom:0; left:0; width:100%; height:42px; line-height:42px; text-align:center; background:rgba(0,0,0,0.7); opacity:0;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.download .grid_4 a:hover h4{opacity:1; color:#fff}

/*case*/
.case{margin:40px 0}
.caselist .grid_4{position:relative;margin-bottom:55px; text-align:center}
.caselist .grid_4 .hover_line{position:absolute; left:0; top:0;width:100%; height:100%;background:#000; opacity:0; color:#fff;}
.caselist .grid_4 .hover_line:hover{opacity:1; background:rgba(0,0,0,0.5)}
.caselist .grid_4 i{background:url(url_icon.png) no-repeat; margin:0 auto; margin-top:15%; width:88px; height:88px; background-size:100%; display:block;transition: .7s;-moz-transition: .7s;-webkit-transition: .7s;-o-transition: .7s;}
.caselist .grid_4 a:hover i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.caselist .grid_4 p{ margin-top:10px;font-size:16px}
.caselist .grid_4 .casetitle{color: #000;opacity: 1;background: none;}


.case-read {margin:40px 0}
.case-read .grid_9{padding-right:30px;border-right:1px solid #ddd}
.case-read h1{ font-size:32px; line-height:normal; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:30px}
.case-read .grid_9 figure{margin-bottom:20px; overflow:hidden}
.case-read .grid_3 h2{ font-size:20px; padding-bottom:5px; border-bottom:1px solid #ddd; margin-bottom:20px}
.re-caselist li{margin-bottom:20px; text-align:center}
.re-caselist li h4{ padding:5px;}
.pagination{ margin:20px 0; text-align:right}
.pagination a{padding:3px 10px; border:1px solid #ccc; margin:0 -3px; display:inline-block; vertical-align: inherit}
.pagination strong{padding:3px 10px; border:0; background:#787878; color:#fff;margin:0 2px;display:inline-block}


/*product style*/
.filler2 {  position: absolute;  display: block; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; }
.itemLink .filler2 { background-color: #11623D; z-index: 5; }
.itemLink .filler2-left { width: 5px; height: 0%; left: 0%; top: 0%; }
.itemLink .filler2-right { width: 5px; height: 0%; right: 0%; bottom: 0%; }
.itemLink .filler2-top { width: 0%; height: 5px; right: 0%; top: 0%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.itemLink .filler2-bottom { width: 0%; height: 5px; left: 0%; bottom: 0%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.itemLink:hover .filler2-left { height: 100%; }
.itemLink:hover .filler2-right { height: 100%; }
.itemLink:hover .filler2-top { width: 100%; }
.itemLink:hover .filler2-bottom { width: 100%; }
.productNav a:link, .productNav a:visited { color: #505050; }
.productNav a:active, .productNav a:hover { color: #F0BE00; }
.productNav { overflow: hidden; }
.productNav li { float: left; display: block; width: 20%; padding: 22px 0px; }
.productNav li a { border-right: 1px solid #fff; display: block; height: 128px; padding-top: 20px; text-align: center; position: relative; }
.productNav ul li:nth-child(1) a { border-left: 1px solid #fff; }
.productNav li .ico { display: block; margin: 0px auto 20px; }
.productNav li a span { display: block; line-height: 1.2; }
.productNav li a .zh { font-size: 18px; }
.productNav li a .en { font-size: 14px; font-family: arial, helvetica, sans-serif; color: #a2a2a2; }
.productNav li a .bot { background: url(sj.png) no-repeat scroll center top; width: 34px; height: 16px; position: absolute; left: 50%; bottom: -40px; margin-left: -17px; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }
.productNav a:hover .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.productNav li.act a .bot, .productNav li:hover a .bot { bottom: -22px; }
.proPage { padding: 7% 0px; }
.proList a:link, .proList a:visited { color: #fff; }
.proList a:active, .proList a:hover { color: #fff; }
.proList a.item { display: block; background-color: #efc99d; position: relative; overflow: hidden; }
.proList li .img { width: 50%; display: block; position: relative; overflow: hidden; }
.proList li .img img { transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; width: 100%; display: block; }
.proList .img .black-30 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.proList .con { color: #fff; }

.proList .con .zh { font-size: 25px; line-height: 1.2; }
.proList .con .en { font: 20px/1.1 arial, helvetica, sans-serif; text-transform: uppercase; }
.proList .con .bot { height: 2px; margin: 15px 0px 20px; width: 68px; background-color: #fff; display: block; }
.proList .con .c { font-size: 14px;height: 160px;   overflow: hidden; }
.proList .oneItem .con { position: absolute; left: 54%; top: 10%; height: 70%; width: 42%; display:block; z-index:9}
.proList .twoItem .img { margin-left: 50%; }
.proList .twoItem .con { position: absolute; left: 4%; top: 10%; height: 70%; width: 42%;display:block; z-index:9 }
.proList .filler2-left { width: 2px; height: 0%; left: 2%; top: 2%; }
.proList .filler2-right { width: 2px; height: 0%; right: 2%; bottom: 2%; }
.proList .filler2-top { width: 0%; height: 2px; right: 2%; top: 2%; }
.proList .filler2-bottom { width: 0%; height: 2px; left: 2%; bottom: 2%; }
.proList li:hover .filler2-left { height: 96%; }
.proList li:hover .filler2-right { height: 96%; }
.proList li:hover .filler2-top { width: 96%; }
.proList li:hover .filler2-bottom { width: 96%; }
.proList li:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); }
.proList li:hover .black-30 { opacity: 1; visibility: visible; }
.proPadding { padding: 12px 0px; }
.pagePadding{ margin-top:30px;}
.prolistType { background-color: #f0be00; color: #fff; height: 50px; }
.prolistType a:link, .prolistType a:visited { color: #fff; }
.prolistType a:active, .prolistType a:hover { color: #505050; }
.prolistType .proPadding a { padding: 4px 15px; margin: 0px 5px; border-radius: 12px; font-size: 14px; }
.prolistType a:hover, .prolistType a.act { background-color: #fff; color: #505050; }
.listPager { padding: 50px 0px; }
a.listIco { background: url(list2.png) no-repeat scroll left center; padding-left: 40px; font-size: 18px; color: #505050; }
a.listIco:hover { color: #11623D; }
.return_bt{margin:30px 0;}
.return_bt a {
    float: right;
    clear: both;
    color: #17181a;
    font-size: 16px;
    line-height: 50px;	
    padding-right: 35px;
    background: url(return_bt.png) no-repeat right center;
    transition: all 0.2s linear;
}
.return_bt a:hover{padding-right:40px; color:#ff0000;}

/*preview*/

#preview { width: 876px; height: auto; margin: 10px auto; border: 1px solid #e6e6e6; padding: 5px; zoom: 1; overflow: hidden; }
#spec-n1 { float: right; width: 720px; height: auto;  overflow: hidden; background: #fff; position: relative; z-index: 5; zoom: 1; }
#spec-n1 .o-img { width: 720px; height: auto; text-align: center; }
#spec-n1 .switch { width: 720px; height: auto; position: absolute; z-index: 10; top: 0; left: 0; }
#spec-n1 img { max-width: 720px; max-height: auto; _height: 384px; }
#spec-n5 { position: relative; float: left; width: 134px; height: 550px; padding: 25px 0px; zoom: 1 }
#spec-list { width: 134px; height: 500px; overflow: hidden; }
#spec-list ul { height: 490px; overflow: hidden; margin: 0; }
#spec-list li { width: 134px; height: 110px; text-align: center; }
#spec-list img { padding: 2px; border: 1px solid #E8E8E8;  width:128px; height:96px;}
#spec-list .curr img { padding: 1px; border: 2px solid #F45E15; width:128px; height:96px; }
#spec-n5 .control { position: absolute; width: 134px; height: 25px; background-repeat: no-repeat; cursor: pointer; }
#spec-top { top: -2px; background: url(icoin.png) 0 -30px; }
#spec-top.disabled { background-position: 0px -30px; }
#spec-bottom { bottom: -2px; background: url(icoin.png) -139px -30px; }
#spec-bottom.disabled { background-position: -139px -61px; }
#intro { float: left; width: 720px; height: 25px; line-height: 25px; text-align: center; overflow: hidden; font-size: 12px; }
#foward { display: block; width: 360px; height: 540px; float: left; cursor: url(foward.ico), pointer; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
#foward.disabled, #next.disabled { cursor: default; }
#next { display: block; width: 360px; height: 540px; float: right; cursor: url(next.ico), pointer; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
.thickcon { line-height: 40px; text-align: center }

.protitle h2{ line-height:normal; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:30px; text-align:center;}

/*background color*/
.container1 { margin: 40px auto 0; }
.ico_block, .ico_block1 { margin: 0 auto; width: 120px; height: 120px; border-radius: 50%; display: block }
.ico_block1 { width: 100px; height: 100px }
.ico_block img, .ico_block1 img { padding: 20px; }
.blue { background: #CA2150 }
.orange { background: #EA8709 }
.blue_dark { background: #73BB00 }
.orange_dark { background: #FF2E2E }
.gray { background: #EDEDED }
.bc_4c7083 { background: #4c7083 }
.bc_d0e9f6 { background: #d0e9f6 }
.bc_6fa1bb { background: #6fa1bb }
.bc_4c4c4c { background: #4c4c4c }
.bc_fff { background: #fff }
/*Font size*/
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f15 { font-size: 15px }
.f16 { font-size: 16px }
.f18 { font-size: 18px; font-weight: normal }
.f20 { font-size: 20px }
.f22 { font-size: 22px }
.f24 { font-size: 24px }
.f26 { font-size: 26px }
.f30 { font-size: 30px }
.f32 { font-size: 220% }
.f36 { font-size: 36px }
.f48 { font-size: 48px }
.f72 { font-size: 72px }
.fw6 { font-weight: 600 }
.fw7 { font-weight: 700 }
.fw8 { font-weight: 800 }
/*top*/
.m_t0 { margin-top: 0px }
.m_t5 { margin-top: 5px }
.m_t8 { margin-top: 8px }
.m_t10 { margin-top: 10px; color: #666; }
.m_t15 { margin-top: 15px }
.m_t18 { margin-top: 18px }
.m_t20 { margin-top: 20px; border-bottom: 1px dashed #ccc; padding-bottom: 20px; }
.m_t25 { margin-top: 25px }
.m_t30 { margin-top: 30px }
.m_t50 { margin-top: 50px }
.m_t80 { margin-top: 80px }
.m_t140 { margin-top: 140px }
/*bottom*/
.m_b0 { margin-bottom: 0px }
.m_b5 { margin-bottom: 5px }
.m_b8 { margin-bottom: 8px }
.m_b10 { margin-bottom: 10px}
.m_b15 { margin-bottom: 15px }
.m_b20 { margin-bottom: 20px }
.m_b25 { margin-bottom: 25px }
.m_b30 { margin-bottom: 30px }
.m_b40 { margin-bottom: 40px }
.m_b50 { margin-bottom: 50px }
.p_b5 { padding-bottom: 5px }
.p_b10 { padding-bottom: 10px }
.p_b20 { padding-bottom: 20px }
.p_b30 { padding-bottom: 30px }
.p_b40 { padding-bottom: 40px }
.p_b50 { padding-bottom: 50px }
.p_b230 { padding-bottom: 230px }
.p_t20 { padding-top: 20px }
.p_t30 { padding-top: 30px }
.p_t40 { padding-top: 40px }
.p_t80 { padding-top: 80px }
.p_t140 { padding-top: 140px }
.p_10 { padding: 10px }
.p_20 { padding: 20px }
.p_lr10 { padding: 0 10px }
.p_lrb10 { padding: 0 10px 10px }
.PhoneService_Bg{ display:none}
.aaa{ display:none}
/* 织梦先生 增加 */
.links{background: #2D2D2D;}
.links_m{margin-left:0}
.links_m b,
.links_m a{padding:0 8px;float:left;color:#99a1a6;line-height:20px}
.links_m b{padding-left:0;font-weight:bold}
.links_m a:hover{color:#ff0000}
@media (min-width: 980px) and (max-width: 1199px) {
header h1 span{font-size:16px;display: none;}
.slider{height:550px}
.grid figure {max-height: 300px}
figure.effect-layla h2{padding-top:10%}
figure.effect-layla figcaption{padding:3em 1.5em}
figure.effect-layla figcaption::before {top: 40px;right: 20px;bottom: 40px;left: 20px;}
figure.effect-layla figcaption::after {top: 20px;right:40px;bottom: 20px;left: 40px;}
.con_pad{padding:13px;*zoom:1}
.home-pro .row{margin-left:-14px}
.home-pro .grid_3{margin-left:12px;padding:6px; margin-bottom:12px}
.al_news li a{font-size:14px; line-height:18px; max-height:36px}
.al_news .zoom figure img{min-height:100%}
.brand li{width:214px}
.seventh .grid_4{width:260px}
.seventh .grid_3{width:260px}
.seventh .grid_3 .follow li{ width:120px; margin-left:5px}
.bottom-tel a{font-size:24px}
.partners {display:none}
/*page*/
.page_banner{height:325}
.products-category > li{overflow:hidden}
.products-category > li span{width:60px}
.products-category ul{float:left; width:860px; display:inline-block}
#preview{ width:100%}
#spec-n1{ width:540px;}
#spec-n1 img{width:100%}
#spec-n1 .o-img{width:100%}
.third .zoom figure img{ min-height:206px;}
}
@media (min-width: 768px) and (max-width: 979px) {
#topbox{display:none}
.language{ display:block}	
header{height:auto}
header h1{width:150px; margin-top:7px}
header h1 span{display:none}
.sf-menu > li{ height:60px;margin: 0 2px;}
.sf-menu a{ margin-top:10px;padding: 5px 10px; font-size:12px}
.sf-menu > li > ul{top:62px}
.slider{height:400px}
.slider > div{ background-size:100% 100%}
.block_name h2{font-size:26px}
.barLink{ display:none}
.sort [class*="grid_"]{ width:236px; margin-bottom:30px}
.grid figure {max-height: 220px}
.grid figure h2{font-size:20px}
figure.effect-layla h2{padding-top:0}
figure.effect-layla figcaption{padding:3em 1em}
figure.effect-layla figcaption::before {top: 30px;right: 10px;bottom: 30px;left: 10px;}
figure.effect-layla figcaption::after {top: 10px;right: 30px;bottom: 10px;left: 30px;}
.home-pro .row{margin-left:-15px}
.home-pro .grid_3{margin-left:20px; width:340px; margin-bottom:20px}
.fourth{padding:50px 0}
.case-list li i{ width:50px; height:50px}
.case-list li p{ margin:0 20px;font-size:12px}
.case-list .hover_line::before,.case-list .hover_line::after {top: 10px;right: 10px;bottom: 10px;left: 10px}
.brand li{width:227px}
.brand img{ min-width:100%}
.seventh .row{ margin-left:0}
.seventh .grid_5{float:none; margin:0 auto;width:100%; padding:0; border:0; margin-bottom:30px; overflow:hidden}
.seventh .grid_4{width:364px; margin-left:0}
.seventh .grid_3{width:300px; margin-left:50px}
.seventh .grid_3 .follow li{ width:120px; margin-left:5px}
.bottom-tel a{font-size:24px}
.partners {display:none}
/*page*/
.page_banner{height:250px}
.products-category > li{overflow:hidden}
.products-category > li span{width:60px}
.products-category ul{float:left; width:660px; display:inline-block}
.hot-secrch li{ font-size:12px}
.caselist .grid_4{ width:364px}
.re-caselist li h4{font-size:12px}
.sidebar_news .grid_2{float:none; margin:0; margin-bottom:10px; width:100%}
.product-list .grid_3{width:236px}
#preview{ width:100%}
#spec-n1{ width:400px;}
#spec-n1 img{width:100%}
#spec-n1 .o-img{width:100%}
.third .zoom figure img{ min-height:322px}

}






@media (max-width: 767px) {
.aaa{ display:block}
.block_name .block_line{ width:100%}
.mpro{ display:block}
.demo{ display:none}
#topbox{display:none}
.language{ display:block}
header{height:auto}
.stuck_container{background:#fff}
header h1{width:auto}
header h1 img{ width:140px;margin-top:6px;}
header h1 span{display:none}
#m_menu{display:inline-block;width:30px; height:30px; text-align:center; cursor:pointer;}
#m_menu span{width:24px; height:30px; display:inline-block; position:relative;}
#m_menu > span{margin-top:4px}
#m_menu span span{position:absolute;height:1px;z-index:1; left:0; top:0; background:#000; display:block; overflow:hidden}
#m_menu span.menuicon-middle{z-index:2;top:8px}
#m_menu span.menuicon-bottom{z-index:3;top:16px}
nav{position:inherit;margin-top:13px; display:inline-block}
.sf-menu{position: fixed; width:100%; height:100%; margin:0; background:rgba(0,0,0,0.9); padding:10px 0; top:50px;z-index:9; left:0; display: none}
.sf-menu > li > span{display:block}
.sf-menu > li > span > a{display:inline-block}
.sf-menu > li > span:after{content: "+";float: right; padding-top:5px; color:#fff; font-size:14px;font-weight: normal;margin-right: 8px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;cursor:pointer}
.sf-menu > li:hover > span:after{transform: rotate(45deg) scale(1.08);-webkit-transform: rotate(45deg) scale(1.08);-moz-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);-o-transform: rotate(45deg) scale(1.08); color:#fe8c01}
.sf-menu > li {float:none;text-align:left; height:auto; margin:0 20px; display:block; border-bottom:1px solid #414141; position:relative}
.sf-menu a,.sf-menu .curr a{margin:0;padding:10px 0; height:auto; color:#e7e6e6;font-size:14px; border-radius:0;display:inline-block}
.sf-menu > li a:hover,.sf-menu li.curr a{background: none;color:#ffc000; margin:0; padding:10px}
.sf-menu li.curr a{padding:10px 0}
.sf-menu > li > ul{opacity:1;visibility: inherit;background: none;position: relative;top:0;border-radius:0;padding:0;z-index:0; width:auto;transition: none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none; display:none}
.sf-menu li:hover ul {opacity:1;visibility:visible;margin:0}
.sf-menu ul > li{float: none; margin:0; margin-left:10px; border-bottom:1px solid #414141; width: auto}
.sf-menu ul > li:last-child{border:0;}
.sf-menu ul > li:last-child a{ display:inline-block}
.sf-menu ul a{font-size:12px; display:block; color:#ffc000; padding:10px 5px;margin: auto;}
.sf-menu ul a:hover{padding:10px; color:#fff; margin: auto;}
.slider{height:200px}
.slider > div{background-size:100% 100%; background-position:center 0}
.block_name h2{ font-size:24px}
.block_name p{ font-size:14px}
.barLink{ display:none}
.row.sort {margin-left:-20px; margin-top:50px}
.sort [class*="grid_"]{float:left; width:133.33px; margin-left:20px; margin-bottom:30px}
.sort span{width:100px; height:100px}
.sort [class*="icon_"]{font-size:48px; line-height:100px}
.sort [class*="grid_"]:hover [class*="icon_"]{font-size:56px; line-height:100px}
.sort p{font-size:14px;height: 54px;}
.first .button1{margin-top:30px}
.second{margin-top:50px}
.grid figure{width:100%}
figure.effect-layla img{height: auto}
.con_pad{padding:10px 10px 10px 20px;*zoom:1}
.home-pro .row{margin-left:-10px}
.home-pro .grid_3{float:left;margin-left:10px; width:47%; margin-bottom:10px}
.home-pro .grid_3 p{height:27px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
.fourth{padding:30px 0;background-size: cover;}
.case-list li{float: left;
margin: 0 auto;
display: block;
width: 50%;}
.brand li{width:152px; height:90px}
.al_pic_news{margin-bottom:15px; padding-bottom:10px}
.al_pic_news figure{max-height:240px; min-height:200px}
.seventh .row{margin-left:0}
.seventh [class*="grid_"]{ float:none; margin:0 auto; width:100%; margin-bottom:30px; padding:0; border-right:0; overflow:hidden}
.seventh .grid_4 li{width:33.33%;height: 44px;}
.seventh .grid_3 .follow li{ width:130px; margin-left:10px}
.partners {display:none}
/*page*/
.page_banner{height:100px;    margin-top: 44px;}
.about{margin:50px 0}
.products-category > li{overflow:hidden}
.products-category > li span{width:50px}
.products-category ul{float:left; width:390px; display:inline-block}
.pro-secrch .grid_5{margin-bottom:5px}
.hot-secrch li{ font-size:12px}
.product-list .row{margin-left:-20px}
.product-list .grid_3{float:left;width:220px; margin-left:20px; margin-bottom:20px}
.case-read .grid_9,.newslist .grid_8, .newsread .grid_8{padding-right:0; border:0}
.newslist, .newsread,.contact{margin:30px 0}
.sidebar_news{margin-top:20px}
.sidebar_news .grid_2{float:left; width:200px; margin-right:10px}
.newsread h1{font-size:24px; margin-bottom:10px}
.contact h1,.message h2{font-size:24px}
.contact .grid_5{margin-top:20px}
.case-read .grid_3 h2{ margin-top:0}
#preview{ width:100%}
#spec-n1{ width:100%;}
#spec-n1 img{width:100%}
#spec-n1 .o-img{width:100%;height: auto;}
#spec-n5{ display:none}
.impact {
	font-family:"微软雅黑";
	letter-spacing:0px;
}
.seventh .grid_3 .follow{    margin-left: 0; text-align:center}
.seventh .grid_3 .follow li{margin-left: 0;}
.bottom-tel{text-align:center}
.third .zoom figure img{ min-height:100px; max-height:100px}
.icon_sort img{max-width: 100%;height: 88px; line-height:80px;vertical-align: top; margin-top:5px}
/*.caselist .grid_4{ width:140px;margin-right: 10px;}*/
.support{ display:none}
footer{ height:140px}
.PhoneService_Bg {
    width: 100%;
    bottom:0;
	right: 0;
	left:0;
    z-index: 999;
	position:fixed;
    text-align: center;
    background-color: #11623d;
    line-height: 1.2em;
	height:59.2167px;
	padding:0 0 0 0;
	font-size:15px !important;
	display:block !important;
}
.PhoneService_Bg p{ color:#fff; margin-top:3px; margin-bottom:0;font-size: 12px;}
	.PhoneService_Boxa1{
	
    width: 24.5%;
    display: inline-block;
	text-align: center;
   /* margin: 0;*/
	
	padding:8px 0;
    background-color: #11623d;
}
	.PhoneService_Boxa1 img,.PhoneService_Boxa img {
	
    width: auto\9;
    height: 25px;
    max-width: 30%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
	.PhoneService_Boxaa{
	
    width: 24.5%;
    display: inline-block;
     margin-left:0%;
	margin-right:0.14%;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	 text-align: center;
	 padding:8px 0;
    background-color: #11623d;
}
	.PhoneService_Bg img {
    width: auto\9;
    height: 25px;
    max-width: 30%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
	.PhoneService_Boxa{
	
    width: 24.5%;
    display: inline-block;
    margin-left:0;
	margin-right:0;
	border-right:1px solid #fff;
	padding: 8px 0;
	text-align: center;
    background-color: #11623d;
}
.product-list .grid_3 p{ font-size:14px}
}
@media (min-width: 400px) and (max-width: 479px) {
.slider{height:309px}
.slider > div{ background-size:100% 100%}
.sort [class*="grid_"]{float:left; width:190px; margin-left:20px; margin-bottom:30px}
.grid figure{max-height:270px}
.grid figure h2{font-size:20px}
figure.effect-layla h2{padding-top:0}
figure.effect-layla figcaption{padding:3em 1em}
figure.effect-layla figcaption::before {top: 30px;right: 10px;bottom: 30px;left: 10px;}
figure.effect-layla figcaption::after {top: 10px;right: 30px;bottom: 10px;left: 30px;}
.home-pro .row{margin-left:0}
.home-pro .grid_3{float: left;margin-left:0; width:50%;margin: 0 auto 10px;}
.home-pro .grid_3 p{height: auto}
.case-list li{float:none; margin:0 auto; display:block;width:300px;}
.brand li{width:199.5px;height: 120px;}


.news-tab li a,.news-tab li.curr a,.news-tab li a:hover{padding:3px 6px}
.seventh .grid_5 li{width:33.33%}
footer p{font-size:12px}
/*page*/
.products-category > li span{width:40px;font-size:12px}
.products-category ul{width:240px}
.products-category ul li{margin-right:0}
.products-category > li a{font-size:12px}
.product-list .row{margin-left:0}
/*.product-list .grid_3{width:140px; margin-left:0; margin-right:10px}*/
.product-list .grid_3{width:50%; margin-left:0; margin-right:0px}
.news_list li a{ font-size:16px}
.news_list li p{ font-size:12px; line-height:18px}
.sidebar_news .grid_2{ float:none; width:100%; margin:0; margin-bottom:10px}
#preview{ width:100%}
#spec-n1{ width:100%;height:100%}
#spec-n1 img{width:100%; height:100%}
#spec-n1 .o-img{width:100%; height:100%}
#spec-n5{ display:none}
#spec-n1 .switch{ width:100%; height:auto}
#foward{   height:auto}
.third .zoom figure img{ min-height:120px; max-height:120px}
footer{ padding-top:10px}
}
@media (min-width:340px) and (max-width:399px) {
	.sort [class*="grid_"]{float:left; width:160px; margin-left:20px; margin-bottom:30px}
	.home-pro .grid_3{ width:50%;margin: 0 auto 10px;}
	.home-pro .grid_3 p{ height:27px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
	.brand li{width: 169.5px;height: 100px;}
}       
@media (max-width: 339px) {
	.sort [class*="grid_"]{float:left; width:145px; margin-left:20px; margin-bottom:30px}
	.home-pro .grid_3{ width:46%;}
	.home-pro .grid_3 p{ height:27px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
	.brand li{ width:154.5px;}
}

@media (min-width:480px) and (max-width:767px) {
	.caselist .grid_4{ width:49%; margin-right:9px;}
	.caselist .grid_4:nth-child(2n){ margin-right:0}
	.banner{margin-top: 56px;}
	.slider{ height:160px}
	.news-tab{ display:none}
}
@media (min-width:400px) and (max-width:479px) {
	.product-list .grid_3{ width:50%}
	.caselist .grid_4{ width:48.7%; margin-right:10px;}
	.caselist .grid_4:nth-child(2n){ margin-right:0}
	.caselist .grid_4 .casetitle{ font-size:14px;height: 25px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
	.banner{margin-top: 56px;}
	.slider{ height:130px}
	.news-tab li a, .news-tab li.curr a, .news-tab li a:hover {
		padding: 3px 16px;
	}
	.news-tab{ display:none}
}
@media (min-width:340px) and (max-width:399px) {
	.product-list .grid_3{ width:50%; padding:3px;margin-left: 0px;}
	.product-list .row{ margin-left:0;}
	.caselist .grid_4 .casetitle{ font-size:14px;height: 25px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
	.caselist .grid_4{ width:48.5%; margin-right:10px;}
	.caselist .grid_4:nth-child(2n){ margin-right:0}
	 footer{padding-top: 10px;}
	.seventh .grid_5 li{ width:30%}
	.banner{margin-top: 56px;}
	.slider{ height:130px}
	.news-tab li a, .news-tab li.curr a, .news-tab li a:hover {
		padding: 3px 8px;
	}
	.news-tab{ display:none}
}
@media (max-width:339px) {
	.product-list .grid_3{ width:50%; padding:3px;margin-left: 0px;}
	.product-list .row{ margin-left:0;}
	.caselist .grid_4{ width:48%; margin-right:10px;}
	.caselist .grid_4 .casetitle{ font-size:14px;height: 25px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
	.caselist .grid_4:nth-child(2n){ margin-right:0}
	footer{padding-top: 10px;}
	.seventh .grid_5 li{ width:50%}.banner{margin-top: 56px;}
	.slider{ height:120px}
	.news-tab li a, .news-tab li.curr a, .news-tab li a:hover {
		padding: 3px 5px;
	}
	.news-tab{ display:none}
}